<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>胜蓝教育</title>
<link rel="stylesheet" href="css/iconfont.css" />
<link rel="stylesheet" href="css/jquery.fullpage.min.css" />
<link rel="stylesheet" href="css/amazeui.min.css" />
<link rel="stylesheet" href="css/app.css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
<script type="text/javascript" src="js/amazeui.min.js" ></script>
<script type="text/javascript" src="js/jquery.fullpage.min.js" ></script>
<script>
$(function(){
	$('#dowebok').fullpage({
		sectionsColor: ['#fff', '#7bcbf0', '#fff', '#7bcbf0', '#fff'],
		'navigation': true,
	});
});
</script>
</head>

<body>
<div class="m-header hei" data-am-sticky>
    <a href="index.html"><img class="logo" src="images/logo_hei.png" align="胜蓝教育" /></a>
	<a href="javascript:;" class="iconfont icon-daohang2" data-am-offcanvas="{target: '#doc-oc-demo2', effect: 'push'}"></a>
</div>
<div id="dowebok"> 
	<div class="section section1">
		<p class="am-text-sm am-text-center title">引领行业的课程体系 更贴合企业用人需求</p>
    	<p class="am-text-sm am-text-center subtitle">拯救传统落后的行业现状，课程大纲紧跟技术潮流前沿，多项技能综合学习，打造全能人才</p>
  		<div class='content'>
          	<a href="#" class='li li1'><span>计算机</br>就业</span></a>
          	<a href="#" class='li li2'><span>IT短期</br>培训</span></a>
          	<a href="#" class='li li3'><span>SIYB</br>创业培训</span></a>
          	<a href="#" class='li li4'><span>会计上岗</br>和职称培训</span></a>
          	<a href="#" class='li li5'><span>在职学历</br>教育系列</span></a>
       </div>
	</div>
	<div class="section section2">
		<p class="am-text-sm am-text-center title"><span>16</span>年砥砺前行</p>
    	<p class="am-text-sm am-text-center subtitle">良心教育是从未改变的使命</p>
  		<div class='computer'><img src="images/computer.png" /></div>
	</div>
	<div class="section section3">
		<p class="am-text-sm am-text-center title">骨灰级大咖授课 当然不一样</p>
		<p class="line"></p>
		<div class="slide">
			<img class="laoshimg" src="images/laoshi1.png" alt="" />
            <div class='am-text-sm name'><span>钟良丽</span>平面设计</div>
            <div class='am-text-sm con'>80后，做过美工、UI设计、讲师、还干过管理，10年加入胜蓝，对教育的本质有较为深刻的理解，坚持胜蓝的核心价值，认为最浪漫的事情就是离开这个世界的时候胜蓝还在且越来越强大。</div>
		</div>
		<div class="slide">
			<img class="laoshimg" src="images/laoshi1.png" alt="" />
            <div class='am-text-sm name'><span>白代成</span>平面设计</div>
            <div class='am-text-sm con'>80后，做过美工、UI设计、讲师、还干过管理，10年加入胜蓝，对教育的本质有较为深刻的理解，坚持胜蓝的核心价值，认为最浪漫的事情就是离开这个世界的时候胜蓝还在且越来越强大。</div>
		</div>
		<div class="slide">
			<img class="laoshimg" src="images/laoshi1.png" alt="" />
            <div class='am-text-sm name'><span>李晓蓉</span>平面设计</div>
            <div class='am-text-sm con'>80后，做过美工、UI设计、讲师、还干过管理，10年加入胜蓝，对教育的本质有较为深刻的理解，坚持胜蓝的核心价值，认为最浪漫的事情就是离开这个世界的时候胜蓝还在且越来越强大。</div>
		</div>
	</div>
	<div class="section section4">
		<p class="am-text-sm am-text-center title">超高技能 征服巨头企业HR</p>
    	<p class="am-text-sm am-text-center subtitle">长训100%推荐就业 一至二年的就业跟踪服务</p>
  		<div class='mscon'>
  			<img class="mianshi mianshi1" src="images/mianshi1.jpg" />
  			<img class="mianshi mianshi2" src="images/mianshi2.jpg" />
  			<img class="mianshi mianshi3" src="images/mianshi3.jpg" />
  			<img class="mianshi mianshi4" src="images/mianshi4.jpg" /> 
        </div>
	</div>
	<div class="section section5">
		<p class="am-text-sm am-text-center title">学习氛围浓厚  求学圣地带你一站成才</p>
    	<p class="am-text-sm am-text-center subtitle">舒适生活区域 先进教学设备</br>为学员打造良好的学习环境</p>
  		<div class='hjcon'>
  			<img class="huanjing" src="images/huanjing1.jpg" />
  			<img class="huanjing" src="images/huanjing2.jpg" />
  			<img class="huanjing" src="images/huanjing3.jpg" />
  			<img class="huanjing" src="images/huanjing4.jpg" />  
       </div>
	</div>
</div>


<!-- 导航 Start -->
<div id="doc-oc-demo2" class="am-offcanvas">
  	<div class="am-offcanvas-bar">
	    <div class="am-offcanvas-content">
	      	<ul class="am-list admin-sidebar-list" id="collapase-nav-1">
			  	<li  class="am-panel">
			    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">首页</a>
			  	</li>
			  	<li class="am-panel">
				    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#user-nav'}">
			        	走进胜蓝 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
				    </a>
				    <ul class="am-list am-collapse admin-sidebar-sub" id="user-nav">
				        <li><a href="about.html">学校简介 </a></li>
				        <li><a href="#">学校文化 </a></li>
				        <li><a href="course.html">学校资质 </a></li>
				        <li><a href="#">教师风采 </a></li>
				    </ul>
			  	</li>
			  	<li  class="am-panel">
			    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#/">学校动态</a>
			  	</li>
			  	<li class="am-panel">
				    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#company-nav'}">
			        	课程体系 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
				    </a>
				    <ul class="am-list am-collapse admin-sidebar-sub" id="company-nav">
				        <li><a href="#">计算机就业系列</a></li>
				        <li><a href="#">IT短期培训系列</a></li>
				        <li><a href="#">SIYB创业培训</a></li>
				        <li><a href="#">职称培训系列</a></li>
				        <li><a href="#">在职学历教育系列</a></li>
				    </ul>
			  	</li>
			  	<li class="am-panel">
				    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">
			        	就业服务 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
				    </a>
				    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
				        <li><a href="#">就业新闻 </a></li>
				        <li><a href="#">就业指南 </a></li>
				        <li><a href="#">创业指导 </a></li>
				        <li><a href="#">见习基地 </a></li>
				        <li><a href="#">招贤纳士 </a></li>
				    </ul>
			  	</li>
			  	<li class="am-panel">
				    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">学员作品</a>
				    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
				        <li><a href="#">办公文秘 </a></li>
				        <li><a href="#">广告设计 </a></li>
				        <li><a href="#">建筑设计 </a></li>
				        <li><a href="#">室内设计 </a></li>
				    </ul>
			  	</li>  
			  	<li class="am-panel">
				    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">
			        	考试考证 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
				    </a>
				    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
				        <li><a href="list.html">考试新闻 </a></li>
				        <li><a href="#">成绩查询 </a></li>
				        <li><a href="#">证书查询 </a></li>
				    </ul>
			  	</li>
			  	<li class="am-panel">
			    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">成功学子</a>
			  	</li>
			  	<li class="am-panel">
			    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">联系我们</a>
			  	</li>
			  	<li class="am-panel">
			    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">在线报名</a>
			  	</li>
			</ul>  
			<div class="user">
				<a href="javascript:void(0);">登录</a>
				<a href="javascript:void(0);">注册</a>
				<a href="javascript:void(0);">退出</a>
			</div>
	    </div>
  	</div>
</div>
<!-- 导航 End -->

<script>
$(function(){
	$(".section2.active").parent().parent().find(".hei").hide();
	$(".section2.active").parent().parent().find(".bai").show();
})
</script>

</body>
</html>